@charset "UTF-8";

#tabmenu{margin-top:30px; }
#tabmenu1{margin-left: 70px;}
#tabmenu1 li {padding-right:10px; float: left; font-size: 12px; }

#movieposter { width: 900px; height: 1000px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#moviposter li { width: 195px; height: 277px; }
#movieposter p{ margin:20px 20px; }		
.mposter img{ position: absolute; width: 195px; height: 277px; }
.movietitle{ text-align:center; padding: 30px 0 10px 0; }
#chartmn { float: right; color: #f0f0f0; background: #333; padding: 5px 0; display: inline-block;
			width: 100%; text-align: right;  }
#chartmn span{ color: #d9534f; font-weight: bold; }

.mposter { width: 195px; height: 277px; margin:10px 10px 30px 8px;}
#movieposter .box { position: absolute; width: 195px; height: 277px; color: #f0f0f0;	background-color:rgba(0,0,0,0.7); display:none; }
#movieposter .movbtn {text-align:center;}
#movieposter .movbtn button { width: 97px; height: 65px; float: left; border: none; }
#movieposter .infoBtn { margin-right: 1px; }
hr { border: none; border-bottom: 1px solid #a0a0a0; }

#carousel li {float: none;}
#container {width:874px; padding-bottom: 50px;  margin: 0 auto; }
#container div h2{background: linear-gradient(140deg, #000000 5% , #ffffff 100%); color:white; border-radius:10px 10px 0 0;}
#container nav {height: 0px; border: none;}

 


